﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UserRoleManage.aspx.cs" Inherits="Admin_UserRoleManage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>用户权限管理</title>
    <link href="../Styles/Default/default.css" type="text/css" rel="Stylesheet" />
    <link href="../Styles/cupertino/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="../Scripts/Common.js"></script> 
    <script type="text/javascript">
        $(function () {
            $("#dialog").dialog({
                bgiframe: true,
                modal: true,
                autoOpen: false,
                width: 400,
                buttons: [
				{
				    text: "保存",
				    click: function () {
				        $(this).dialog("close");
				    }
				},
				{
				    text: "取消",
				    click: function () {
				        $(this).dialog("close");
				    }
				}
			]
            });
            $("#delete").dialog({
                modal: true,
                autoOpen: false,
                width: 400,
                buttons: [
				{
				    text: "确认",
				    click: function () {
				        $(this).dialog("close");
				    }
				},
				{
				    text: "取消",
				    click: function () {
				        $(this).dialog("close");
				    }
				}
			]
            });
            $("#newItem").click(function (event) {
                $("#dialog").dialog("open");
                event.preventDefault();
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
            <tbody>
                <tr>
                    <td>
                        <div id="PageHeader_Frame1_PanelMyPrint">
                            <div style="height: 5px; font-size: 1px">
                            </div>
                            <div id="wenHou">
                                <img src="../Styles/Default/images/index1/wen.gif" width="32" height="30"><span style="color: #f5a117;
                                    font-weight: bold">&nbsp;您当前的位置：</span>办公自动化&gt;&gt;&nbsp;收费系统&gt;&gt;&nbsp;用户权限设置</div>
                            <div style="height: 5px; font-size: 1px">
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <input type="button" value=" 新增" id="newItem" />
                                    <input type="button" value=" 启用" />
                                    <input type="button" value=" 禁用" />&nbsp;&nbsp;&nbsp;
                                    <select>
                                        <option>模糊查询</option>
                                        <option>用户名</option>
                                        <option>用户ID</option>
                                    </select>&nbsp;
                                    <input type="text" />
                                    &nbsp;<input type="button" id="button" value="查询" />
                                </td>
                            </tr>
                            <tr id="query">
                                <td>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table style="border-right-width: 0px; width: 100%; border-top-width: 0px; border-bottom-width: 0px;
                            border-left-width: 0px" id="DataGrids" class="CSSDataGrid" border="0" rules="all"
                            cellspacing="1" cellpadding="4">
                            <tbody>
                                <tr id="DataGrids_TableHeader" class="HeaderStyle">
                                    <td style="width: 5%">
                                        <a href="#">选择</a>
                                    </td>
                                    <td style="width: 30%">
                                        <a href="#">用户名</a><span style="font-family: Webdings">6</span>
                                    </td>
                                    <td style="width: 15%">
                                        角色
                                    </td>
                                    <td style="width: 15%">
                                        创建
                                    </td>
                                    <td style="width: 15%">
                                        创建日期
                                    </td>
                                    <td style="width: 15%">
                                        操作
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="DataGrids__ctl2_CheckBox2" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="editItem">修改</a>&nbsp; <a href="#" id="del">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox1" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A1">修改</a>&nbsp; <a href="#" id="A2">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox2" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A3">修改</a>&nbsp; <a href="#" id="A4">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox3" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A5">修改</a>&nbsp; <a href="#" id="A6">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox4" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A7">修改</a>&nbsp; <a href="#" id="A8">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox5" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A9">修改</a>&nbsp; <a href="#" id="A10">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox6" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A11">修改</a>&nbsp; <a href="#" id="A12">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox7" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A13">修改</a>&nbsp; <a href="#" id="A14">删除</a>
                                    </td>
                                </tr>
                                <tr class="ItemStyle">
                                    <td>
                                        <input id="Checkbox8" type="checkbox" name="DataGrids:_ctl2:CheckBox2">
                                    </td>
                                    <td>
                                        <a href="#">用户1</a>
                                    </td>
                                    <td>
                                        管理员
                                    </td>
                                    <td>
                                        admin
                                    </td>
                                    <td>
                                        2012-12-12 16:13:58
                                    </td>
                                    <td>
                                        <a href="#" id="A15">修改</a>&nbsp; <a href="#" id="A16">删除</a>
                                    </td>
                                </tr>
                                <tr class="PagerStyle" align="right">
                                    <td colspan="6">
                                        <span>&nbsp;&nbsp;共9条记录&nbsp;&nbsp;&nbsp;&nbsp;第1页/共1页&nbsp;&nbsp;&nbsp;&nbsp;</span><input
                                            style="width: 30px" name="DataGrids:_ctl12:_ctl1"><a href="#">&nbsp;GO</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>上一页</span>&nbsp;<span>下一页</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="dialog" style="display: none">
        <table>
            <tr>
                <td>
                    用户名
                </td>
                <td>
                    <select>
                        <option>用户1</option>
                        <option>用户1</option>
                        <option>用户1</option>
                        <option>用户1</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    角色名称
                </td>
                <td>
                    <input type="checkbox" id="c1" /><label for="c1">角色1</label>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox" id="c2" /><label for="c2">角色2</label>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox" id="c3" /><label for="c3">角色3</label>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox" id="c4" /><label for="c4">角色4</label>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox" id="c5" /><label for="c5">角色5</label>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox" id="c6" /><label for="c6">角色6</label>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox" id="c7" /><label for="c7">角色7</label>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
